<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <!-- css（修饰）  层叠样式表  html是超文本标记语言（框架） -->
    <!-- 行内式  内嵌式  外链式 -->
    <div style="width:763px; background: #ddd; padding-left: 20px; padding-right: 20px;margin:0 auto;">
        <h1 style="font-size:24px; color:#ed3577; text-align: center;">创新思维玩转众包经济“珠宝匠”获中国海归创业大赛优胜奖</h1>
        <h6 style="text-align:center ; color: #333; font-weight: normal;">2017-03-30　出处：珠宝街　点击：99870次</h6>
        <p style="font-size: 14px; color:#434343; line-height: 2em; text-indent: 2em;">不久后的将来,大量公可能再不需要固定员工。因为这些公司可以把具体工作任务发布到网上,由全世界的巧手能
            人来竟1标完成。同样,个人想获得的一些产品和服务,也可以通过这种方式来获得。
        </p>
        <p style="text-align: center;"><img src="img/1_03.jpg" alt=""></p>
        <p style="font-size: 14px; color:#434343; line-height: 2em; text-indent: 2em;">不久后的将来,大量公可能再不需要固定员工。因为这些公司可以把具体工作任务发布到网上,由全世界的巧手能
            人来竟标完成。同样,个人想获得的一些产品和服务,也可以通过这种方式来获得。
        </p>
        <p style="text-align: center;"><img src="img/1_03.jpg" alt=""></p>
        <p style="font-size: 14px; color:#434343; line-height: 2em; text-indent: 2em;">不久后的将来,大量公可能再不需要固定员工。因为这些公司可以把具体工作任务发布到网上,由全世界的巧手能
            人来竟标完成。同样,个人想获得的一些产品和服务,也可以通过这种方式来获得。
        </p>
        <p style="font-size: 14px; color:#434343; line-height: 2em; text-indent: 2em;">不久后的将来,大量公可能再不需要固定员工。因为这些公司可以把具体工作任务发布到网上,由全世界的巧手能
            人来竟标完成。同样,个人想获得的一些产品和服务,也可以通过这种方式来获得。
        </p>
    </div>

<!-- em是以父级元素的字体大小为基础  rem是以html的默认字体大小为基础 -->
    <div style="font-size:12px;">
        <p style="font-size: 2rem;">你好</p>
    </div>
</body>

</html>